<template>
  <div>
    <div class="bottleReturn">
      <div class="title">
        退瓶描述/原因::
      </div>
      <el-checkbox-group v-model="submit.checkList">
        <el-checkbox label="无纸质押金单" />
        <el-checkbox label="太多了" />
        <el-checkbox label="退瓶一点点" />
        <el-checkbox label="不想要" />

      </el-checkbox-group>
      <el-input v-model="submit.remark" type="textarea" :rows="3" maxlength="255" show-word-limit />
      <div style="height: 40px;" />
      <div class="title">
        近三次退瓶记录:
      </div>
      <lb-table
        ref="lbTable"
        highlight-current-row
        border
        max-height="400"
        element-loading-text="加载中"
        :column="tableData.column"
        :data="tableData.data"
        :pagination="false"
        :total="tableData.total"
      />
    </div>
  </div>
</template>

<script>
  export default {
    name: 'bottleReturn',
    props: {
      // :open-flow="openFlow" :open-urge="openUrge" :open-back-order="openBackOrder"
      openFlow: {
        type: Function
      },
      openUrge: {
        type: Function
      },
      openBackOrder: {
        type: Function
      }
    },
    data() {
      return {
        submit: {
          checkList: []
        },
        tableData: {
          column: [
            {
              prop: 'goodsName',
              label: '退瓶单号',
              align: 'center',
              fixed: true

            },
            {
              prop: 'gprince',
              label: '登记人',
              align: 'center'

            },
            {
              prop: 'gprefPrice',
              label: '登记时间',
              align: 'center'

            },
            {
              prop: 'gprefPrice',
              label: '描述',
              align: 'center'

            },
            {
              prop: 'gcount',
              label: '状态'

              // render: (h, { row, $index }) => <el-input oninput={(e) => this.changeNum(row, $index, e)} v-model={row.gcount}></el-input>

            },
            {
              prop: 'yf',
              label: '催单',
              align: 'center',

              render: (h, { row, $index }) => <el-link onClick={() => this.openUrge(row)} >催单</el-link>
            },
            {
              prop: 'fee1',
              label: '退单',
              align: 'center',

              render: (h, { row, $index }) => <el-link onClick={() => this.openBackOrder(row)} >退单</el-link>
            },
            {
              prop: 'tip1',
              label: '流转',
              align: 'center',
              render: (h, { row, $index }) => <el-link onClick={() => this.openFlow(row)} >流转</el-link>
            }

          ],
          data: [{ 'id': 1634181774298, 'goodsName': '退残回收测试', 'goodsId': 946, 'gprince': 200, 'tag': 20000, 'definePrice': 0, 'diff': 0, 'gcount': 1, 'gprefPrice': 0, 'tip': 0, 'fee1': 0, 'fee2': 0, 'baseFloorFee': 0, 'treceivable': '200.00', 'gtId': 48, 'gtFlag': 1, 'priceScore': 0, 'requiredScore': 0, 'pricingMode': 2, 'specCode': 'S0649', 'specName': '5型', 'storeCount': 0, 'isSpeicalPriceFloor': false, 'yf': 0, 'tip1': 0 }, { 'id': 1634181786832, 'goodsName': '15KG液化气', 'goodsId': 761, 'gprince': 0.01, 'tag': 1, 'definePrice': 0, 'diff': 0, 'gcount': 1, 'gprefPrice': 0, 'tip': 0, 'fee1': 0, 'fee2': 0.01, 'baseFloorFee': 0, 'treceivable': '0.02', 'gtId': 48, 'gtFlag': 1, 'priceScore': 0, 'requiredScore': 0, 'pricingMode': 1, 'specCode': 'S0336', 'specName': '15KG', 'storeCount': 0, 'isSpeicalPriceFloor': false, 'yf': '0.00', 'fee21': '0.01', 'tip1': '0.00' }, { 'id': 1634181790522, 'goodsName': '赵越超专用', 'goodsId': 951, 'gprince': 0.01, 'tag': 1, 'definePrice': 0, 'diff': 0, 'gcount': 2, 'gprefPrice': 0, 'tip': 0, 'fee1': 0, 'fee2': 0, 'baseFloorFee': 0, 'treceivable': '0.02', 'gtId': 48, 'gtFlag': 1, 'priceScore': 0, 'requiredScore': 0, 'pricingMode': 1, 'specCode': 'S0336', 'specName': '15KG', 'storeCount': 0, 'isSpeicalPriceFloor': false, 'yf': 0, 'tip1': 0 }, { 'id': 1634184016558, 'goodsName': '15KG液化气（培训）', 'goodsId': 839, 'gprince': 100, 'tag': 10000, 'definePrice': 0, 'diff': 0, 'gcount': 1, 'gprefPrice': 0, 'tip': 0, 'fee1': 11, 'fee2': 3, 'baseFloorFee': 0, 'treceivable': '114.00', 'gtId': 48, 'gtFlag': 1, 'priceScore': 0, 'requiredScore': 0, 'pricingMode': 1, 'specCode': 'S0336', 'specName': '15KG', 'storeCount': 0, 'isSpeicalPriceFloor': false, 'yf': '11.00', 'fee21': '3.00', 'tip1': '0.00' }, { 'id': 1634184026166, 'goodsName': '12KG液化气', 'goodsId': 733, 'gprince': 100, 'tag': 10000, 'definePrice': 0, 'diff': 0, 'gcount': 1, 'gprefPrice': 0, 'tip': 1, 'fee1': 3, 'fee2': 1, 'baseFloorFee': 0, 'treceivable': '105.00', 'gtId': 48, 'gtFlag': 1, 'priceScore': 0, 'requiredScore': 0, 'pricingMode': 1, 'specCode': 'S0488', 'specName': '12KG', 'storeCount': 0, 'isSpeicalPriceFloor': false, 'yf': '3.00', 'fee21': '1.00', 'tip1': '1.00' }]
        }
      }
    }
  }
</script>

<style lang="scss" scoped>
.repairs {
  height: 100%;
}
.title {
  font-size: 14px;
  color: #ed912e;
}
</style>

